<div >
  <h3 style="margin-left: 150px">{{title}}</h3>
    <ul>
      <label>book_ID:</label>
      <input type="number" required [(ngModel)]="book.book_ID">
    </ul>
    <ul>
      <label>title:</label>
      <input type="text" required [(ngModel)]="book.title">
    </ul>

    <ul>
      <label>author:</label>
      <input type="text" required [(ngModel)]="book.author">
    </ul>
    <ul>
      <label>price:</label>
      <input type="number" required [(ngModel)]="book.price">
    </ul>
    <ul>
      <label>description:</label>
      <textarea  type="text" required [(ngModel)]="book.description"></textarea>
    </ul>
    <ul>
      <label>category:</label>
      <select   [(ngModel)]="book.category_ID" >
        <option [value]="item.category_ID" *ngFor="let item of categorys">
          {{item.name}}
        </option>
      </select>
    </ul>

    <div >  <button style="margin-left: 150px" type="submit" name="SAVE" (click)="add()">SAVE</button></div>
</div>
